<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*基本选择器：权重:标签1 类10 id100*/
			/*标签选择器：所有的当前标签使用*/
			p {
				color: blue;

			}

			/*id选择器：只允许一个元素使用*/
			#span {
				font-size: 30px;
			}

			/*类选择器：所有赋予该类选择器的标签使用*/
			.span {
				background-color: aqua;
			}

			h1 {
				color: red;
			}

			.h1 {
				color: #00FFFF;
			}

			#h1 {
				color: bisque;
			}

			/*派生选择器：3大基本选择器组合*/
			/*选择器分组*/
			body,
			p,
			h1,
			span,
			#p,
			.p {
				padding: 0;
				margin: 0;
			}

			/*后代选择器:作用在最后一个选择器*/
			div h1 {
				color: gold;
			}

			/**子元素选择器 无法隔代*/
			label>h1>a{
				color:yellow;
			}
			/*相邻兄弟选择器 左边是哥哥右边是弟弟*/
			#div1+.div2+.div3{
				font-size:36px ;
				color: #00FFFF;
			}
			/*伪类元素*/
			/*在前面添加元素*/
			.div4::before{
				content: "?";
				font-size: 36px;
			}
			/*在后面添加元素*/
				.div4::after{
				content: "!";
				font-size: 36px;
			}
			/*鼠标移入*/
			.a:hover{
				color: green;
				
			}
			/*鼠标单击*/
			.a:focus{
				color: black;
			}
			/* tr:nth-child(2)  第几个tr */
			table tr:nth-child(2){
				background-color: yellow;
			}
			.li1+.li2{
				font-size: 36px;
			}
				p,a,div,span,label{
						margin: 0;
						padding: 0;
						color: #c9c9c9;
						font-size:14px;
					}
					label::before{
				 		content:'';
						background-image: url(药水哥.jpg);
						background-repeat: no-repeat;
						background-size:100% 100%;
			position: absolute;
			width:50px;
			height:50px; 
			
			/* width:100%; height:100%;
			  content:url(药水哥.jpg);
			   vertical-align:middle; 
			   overflow:hidden;*/
			   
					}
		</style>
	</head>
	<body>
		<!-- 外部式<内部式<内联<importents    优先使用importents-->
		<p>11113</p>
		<span id="span">陈禹洪是gay佬</span>
		<span class="span">王攀是狗</span>
		<h1 class="h1" id="h1">你猜谁大</h1>
		<div>
			<h1>塔子哥</h1>
		</div>
		<label>
			<h1>
				ding
				<a>333</a>
			</h1>
		</label>
		<div id="div1">蟑螂恶霸</div>
		<div class="div2">小霸王</div>
		<div class="div3">蜘蛛侦探</div>
		<div class="div4">我在后面</div>
		<a class="a" href="#">我会变塔</a>
			<a href="#">陈禹洪超gay</a>
				<!-- 使用伪类和后代1.生成一个表格，要求表格的第二行背景变色 -->
				<!-- 使用兄弟选择器：让无序列表中的第二行字体字体大小为36px -->
				<!-- 使用选择器分组，将p a div span label中的外边距内边距去掉
				，默认为#c9c9c9，大小为14px -->
				<!-- 使用伪类元素 在label标签中的内容前面添加一个背景图片要求居中不平铺 宽50px高50px -->
				
				<table border="1" width="300" height="300">
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					
				</table>
				
				<ul>
					<li class="li1">叶彬死基佬</li>
					<li class="li2">gay就完事了</li>
					<li>ding</li>
					
				</ul>
			<!-- 4 -->
				<label>
					叶彬死基佬
				</label>
				
			
				
				
			</body>
		</html>